var tabPanel;
//var tabHeight;
function addTab(n){
	var currentTab = tabPanel.getItem('tab_'+n.attributes.id);
	if (currentTab) {
		currentTab.show();
		return;
	}
	tabPanel.add({
		title : Ext.util.Format.ellipsis(n.attributes.text,10),
		id : 'tab_' + n.attributes.id,
		iconCls : 'tabs',
		autoScroll : true,
		closable : true,
		html : '<iframe name='
				+ n.attributes.id
				+ ' src= '
				+ n.attributes.url
//				+ ' onLoad="this.height=tabHeight;" '
				+ ' width=100% height=100% frameborder="0" scrolling="auto" />',
		closable : true,
		autoScroll : true
	}).show();
}

Ext.onReady(function() {
//	tabHeight=document.body.clientHeight-45;
//	Ext.QuickTips.init();
	tabPanel = new Ext.TabPanel({
		id :'main',
		region : 'center',
		deferredRender : false,
		activeTab : 0, 
		defaults : {
			autoScroll : true
		},
		plugins : new Ext.ux.TabCloseMenu(),
		items : [{
			title : '首页',
			autoScroll : true
		}]
	});
	
	var logo = new Ext.BoxComponent({
		region: 'north',
		height : 80,
//		autoWidth:true,
	    autoEl: {
	        tag: 'img',
	        src: 'resources/images/head_bg.jpg'
	    }
	});
	
	var viewport = new Ext.Viewport({
		layout : 'border',
		monitorResize :true,
		items : [
//				new Ext.BoxComponent({
//					region : 'north',
//					height : 80,
//					autoEl : {
//						tag : 'div',
//						html : '<table width=100% height=100%>' +
//								'  <tr>' +
//								'     <td>论之语技术</td>' +
//								'     <td width=20%><table style="font-size:12px;">' +
//								'	<tr><td><a href=#>修改密码</a><a href=#>注销</a></td></tr>' +
//								'	<tr><td>XXX,您好! 2011-11-11 11:11:11</td><td></td></tr>' +
//								'</table></td>' +
//								'  </tr>' +
//								'</table>'
//					}
//				})
//				, 
				logo,
					{
					region : 'west',
					title : '功能菜单',
					xtype : 'treepanel',
					width : 200,
					autoScroll : true,
					split : true,
					loader : new Ext.tree.TreeLoader(),
					root : new Ext.tree.AsyncTreeNode({
								expanded : true,
								children : [{
											text : '海量查询',
											id : 'massiveQuery',
											leaf : true,
											url : 'massiveQuery/index'
										}
//										, {
//											text : '重点对象管理',
//											leaf : true,
//											id : 'keyIM',
//											url : 'keyIM/index'
//										}, {
//											text : '任务管理',
//											leaf : false,
//											expanded :true,
//											children:[{
//												text : '未完成任务',
//												leaf : true,
//												id : 'task1',
//												url : 'task/index/1'
//											},{
//												text : '已完成任务',
//												leaf : true,
//												id : 'task2',
//												url : 'task/index/2'
//											}]
//										}
								]
							}),
					rootVisible : false,
					listeners : {
						click : function(n) {
							if(n.attributes.leaf && n.attributes.url){
								addTab(n);
							}
						}
					}
				}, tabPanel]
	});
	
	var myMask = new Ext.LoadMask('main', {msg:"加载中...",removeMask:false});
	tabPanel.on('beforeadd',function(){
		myMask.show();
	})
	
	tabPanel.on('add',function(){
		setTimeout(function(){
			myMask.hide();
		},500)
	})
});
